<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CssSettinBoderColor</title>
    <style>
        p.one
        {
            border-style: solid;
            border-width: 10px;
            border-color: #4aff59;
        }
      /*  p.one
        {
            !*border-width: medium;*!
            border: #4aff59;
        }*/
        p.two
        {
            border-style: solid;
            /*border-width: 3px;*/
        }
      /*  p.two
        {
            border: #6288ff;
        }*/
        p.three
        {
            border-style: solid;
            /*border-width: 1px;*/
        }
        /*p.three
        {
            border: #ff41b2;
        }*/
    </style>
</head>
<body>
<p class="one">This is One</p>
<p class="two">This is twe</p>
<p class="three">This is Three</p>
</body>
</html>

<!--<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        p.one
        {
            border-style:solid;
            border-color: #4aff59;
            border-width:5px;
        }
        p.two
        {
            border-style:solid;
            border-width:medium;
        }
        p.three
        {
            border-style:solid;
            border-width:1px;
        }
    </style>
</head>

<body>
<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>
<p><b>注意:</b> "border-width" 属性 如果单独使用则不起作用。要先使用 "border-style" 属性来设置边框。</p>
</body>

</html>-->
